<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<meta name="keywords" content="爽客网旅游，贵阳旅游，旅游" />
<meta name="description" content="爽客网旅游，贵阳旅游，旅游" />
<title>线路推荐 - 爽客网 </title>
<link href="/css/phone/reset.css" type="text/css" rel="stylesheet" />
<link href="/css/phone/detail.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/phone/jquery.endless-scroll-1.3.js"></script>
<script type="text/javascript" src="/js/base.js"></script>
<script type="text/javascript" src="/js/phone/jquery.ying.js"></script>
</head>

<body>
	<div class="w320 wrap">
    	<div class="menu_box">
        	<div class="mg_s4">
                <ul class="list_menu clearfix line">
                    <li>
                        <a href="wapscenic.htm">景点门票</a>
                    </li>
                    <li>
                        <a href="waphotel.htm">度假酒店</a>
                    </li>
                    <li>
                        <a href="javascript:;">线路推荐</a>
                    </li>
                </ul>
            </div>
        </div>
        
        <ul class="com_lr list" id="line_box">
        	<c:forEach items="${pageModel.list}" var="content">
        		<li>
	               <a href="wapproduct.htm?id=${content.tblId}" class="l_box"><img src="${content.picture}" class="block" /></a>
			       <div class="r_box">
			       <a href="wapproduct.htm?id=${content.tblId}"  class="title">${content.title}</a>
			           <p class="intro">${content.wapCutContent}</p>
			           <p class="price">
			               <i>￥${content.priceMin}</i>
			           </p>
			       </div>
	            </li>
        	</c:forEach>
       </ul>
       <div  style="width: 100%;height: 50px;"></div>
    </div>
     <script type="text/javascript">
    	$(function(){
    		var nextPage = 1;
    		var currentPage = parseInt("${pageModel.currentPage}");
    		var totalPage = parseInt("${pageModel.totalPage}");
    		
			$(document).endlessScroll({
				bottomPixels: 100,
				fireDelay: 10,
				callback: function(p){
					nextPage+=1;
					if(nextPage <= totalPage){
						COOL.showLoad();
						$.get("waplinelist.htm?page="+nextPage,function(data){
					    	 $("#line_box").append(data);
					    	 COOL.hideLoad();
					     });
					}
					
				}
			});
	
    	});
    	
    </script>
</body>
</html>
